@extends('home.layout.demo')
<!DOCTYPE html>
<link href="./peizhi/favicon.ico" type="image/x-icon" rel="shortcut icon"><link rel="stylesheet" href="{{asset('./memberCSS/peizhi/tou.css')}}">
<style>
.grid-1410 .g-1408-hd .g-1408-hdsub .hd-mainnav {  width: 1210px;}
.grid-1230 .g-1408-hd .g-1408-hdsub .hd-mainnav {  width: 1030px;}
.grid-1010 .g-1408-hd .g-1408-hdsub .hd-mainnav {  width: 830px;}
.g-1408-hd .g-1408-hdsub .hd-mainnav ul {  width: 1210px;}
.grid-1410 .g-1408-hd .g-1408-hdsub .hd-mainnav li {  padding: 0 7px 0 4px;}
.grid-1010 .g-1408-hd .g-1408-hdsub .hd-mainnav li {  padding: 0 1px 0 4px;}
.g-1408-hd .hd-download {background: none;}
</style><link rel="stylesheet" type="text/css" href="{{asset('./memberCSS/peizhi/payhead.css')}}">
</style><link rel="stylesheet" type="text/css" href="{{asset('./memberCSS/peizhi/an.css')}}">
<link rel="stylesheet" type="text/css" href="{{asset('./memberCSS/peizhi/pay.css')}}">
<style>
/************** 公用底部样式 **************/
/* 1410*/
.grid-1410 .viptop-hdtop,
.grid-1410 .vip_novbox .nov_box,
.grid-1410 .module-index-slider .slider_control,
.grid-1410 .g-1408-hdtop,
.grid-1410 .mail_box,
.grid-1410 .footer,
.grid-1410 .common{width:1210px;}
.grid-1410 .common1{width:245px}
.grid-1410 .common_235{width:245px}

/* 1230 */
.grid-1230 .viptop-hdtop,
.grid-1230 .vip_novbox .nov_box,
.grid-1230 .module-index-slider .slider_control,
.grid-1230 .g-1408-hdtop,
.grid-1230 .mail_box,
.grid-1230 .footer,
.grid-1230 .common{width:1210px;}
.grid-1230 .common1{width:245px}
.grid-1230 .common_235{width:245px}

/* 1010*/
.grid-1010 .viptop-hdtop,
.grid-1010 .vip_novbox .nov_box,
.grid-1010 .module-index-slider .slider_control,
.grid-1010 .g-1408-hdtop,
.grid-1010 .mail_box,
.grid-1010 .footer,
.grid-1010 .common{width:990px;}
.grid-1010 .common1{width:160px}
.grid-1010 .common_235{width:195px}
</style>
<style>
.pay-headerbox{box-shadow:none;}
[id="bb9c190068b8405587e5006f905e790c"]{display:none;position:absolute;top:-1000000px;visibility:hidden}</style>
<style>
.pp-scroller-container{position:relative}.pp-scroller{display:none;box-sizing:border-box;width:8px;height:8px;border-radius:2px;background:#e6e6e6;position:absolute;right:0;top:0;overflow:hidden}.pp-scroller div{position:relative;box-sizing:border-box;border-radius:2px;width:8px;height:8px;background:#c5c5c5;border:1px solid #b4b4b4;position:absolute;right:0;top:0}.pp-scroller-container-h .pp-scroller{top:auto;bottom:0}.pp-scroller-container::-webkit-scrollbar{width:8px;background:#eee}.pp-scroller-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:15px}.pp-scroller-container::-webkit-scrollbar-button{display:none}.pp-scroller-container::-webkit-scrollbar-track-piece{background:transparent}
</style></head>
<div class="wp-main">
<div class="pay-headerbox" style="background:url({{asset('./memberCSS/peizhi/hong.jpg')}});margin-top:70px;" >
    <div class="pay-header" >
        <a class="pay-logo" title="PP支付中心"></a>
        <ul class="pay-mune" id="pay-mune">
            <li class="pay-mune-first active"><a href="#">开通会员</a></li>
            <li><a href="#">P币充值</a></li>
            <li><a href="#">会员卡充值</a></li>
        </ul>
        <div class="pay-center" >
            <em class="pay-center-arrow"></em>
            <div class="pay-center-submune">
                <div class="pay-center-subbox">
                <ul>
                    <li>
                        <a href="javascript:locationHref('#');" title="绑定手机">
                            <em class="pay-center-ico-iphone"></em>
                            <p>绑定手机</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:locationHref('#');" title="绑定邮箱">
                            <em class="pay-center-ico-email"></em>
                            <p>绑定邮箱</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:locationHref('#');" title="我的消息" id="head-news">
                            <em class="pay-center-ico-news"></em>
                            <p>我的消息</p>
                            <em class="pay-center-ico-new" style="display:none"></em>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:locationHref('#');" title="我的资产">
                            <em class="pay-center-ico-assets"></em>
                            <p>我的资产</p>
                        </a>
                    </li>
                </ul>
                <p class="pay-center-viptime" id="head-uservalidate" style="">VIP有效期至2017-08-26</p>
                <a href="javascript:;" class="pay-center-exit" id="btn-user-logout">退出</a>
                </div>
            </div>
            <div class="pay-center-head">
                <div class="pay-center-pic" id="head-userpic">
                    <img src="{{asset('./memberCSS/peizhi/wo.jpg')}}" id="headPic" width="77" height="77" alt="_2558341e8c426b3c6316@qq">
                </div>                
                <div class="pay-center-name">
                    <em class="pay-center-namel"></em>
                    <p class="pay-center-namec">
                        <a href="javascript:headchecklogin();" id="head-nologin" style="display: none;">登录/注册</a>
                        <span id="head-username">牛牛用户</span>
                        <a href="javascript:locationHref('#');" style="" id="head-usergrade">LV0</a>
                        <a href="javascript:locationHref('#');" style="" id="head-icovip">VIP</a>
                        <a href="javascript:locationHref('#');" style="display: none;" id="head-icosvip">SVIP</a>
                        <a href="javascript:locationHref('#');" style="display:none" id="head-icoyear">年</a>
                    </p>
                    <em class="pay-center-namer"></em>
                </div>
            </div>
        </div>
    </div>
</div>
<div style="height:50px;"></div>
<!--======================================================================-->
<!--<div class="kt_info" style="margin-top:200px;">
	<ul>
				<li style="background:url({{asset('./memberCSS/peizhi/tupian.png')}}) no-repeat">
				<h2>月度会员</h2>
		
				<dl>
					<dd  style="background:url({{asset('./memberCSS/peizhi/dui.png')}}) no-repeat scroll 52px center">开通连续包月仅<span>15元/月</span></dd>		
					<dd style="background:url({{asset('./memberCSS/peizhi/dui.png')}}) no-repeat scroll 52px center">每月最多赠送<span>20</span>张观影券</dd>										
				</dl>
			
				<div class="money">
					<span>¥</span>20
				</div>

				<div class="btn_vip" >
					<a target="_blank" href="#" style="width: 164px;height: 42px;background: #FF6000 none repeat scroll 0% 0%;display: block;margin: 0px auto;text-align: center;line-height: 42px;font-size: 17px;color: #FFF;text-shadow: 0px 0px 1px #D66026;text-decoration: none;">立即开通</a>
					<a target="_blank" href="{{asset('./memberCSS/xieyi.php')}}" >同意会员服务协议</a>
				</div>

				
			</li>
			
				<li style="background:url({{asset('./memberCSS/peizhi/tupian.png')}}) no-repeat">
				<h2>半年会员</h2>
				<dl>
					<dd style="background:url({{asset('./memberCSS/peizhi/dui.png')}}) no-repeat scroll 52px center">相当于<span>14.2元/月</span></dd>		
					<dd style="background:url({{asset('./memberCSS/peizhi/dui.png')}}) no-repeat scroll 52px center">每月最多赠送<span>20</span>张观影券</dd>										
				</dl>
				<div class="money">
					<span>¥</span>99<i>原价 ¥120</i>
				</div>
				<div class="btn_vip">
					<a target="_blank" href="#" style="width: 164px;height: 42px;background: #FF6000 none repeat scroll 0% 0%;display: block;margin: 0px auto;text-align: center;line-height: 42px;font-size: 17px;color: #FFF;text-shadow: 0px 0px 1px #D66026;text-decoration: none;">立即开通</a>
					<a target="_blank" href="{{asset('./memberCSS/xieyi.php')}}">同意会员服务协议</a>
				</div>
			</li>
			
				<li  style="background:url({{asset('./memberCSS/peizhi/huang.png')}}) no-repeat;width: 340px;height: 371px; margin: -57px 0px 0px -24px; margin-left: -25px;">
				<div>
				<h2 style="padding-top: 50px; font-size: 38px; color: #FFEC88;">年费会员</h2>
				<dl style="margin-top:60px;">
					<dd style="background:url({{asset('./memberCSS/peizhi/dui.png')}}) no-repeat scroll 52px center">买1年送3个月，相当于<span>10元/月</span></dd>	
					<dd style="background:url({{asset('./memberCSS/peizhi/dui.png')}}) no-repeat scroll 52px center">每月最多赠送<span>20</span>张观影券</dd>
					<dd style="background:url({{asset('./memberCSS/peizhi/dui.png')}}) no-repeat scroll 52px center">享<span>1.4</span>倍等级加速、专属标识</dd>					
				</dl>
				<div class="money" style="top: 218px;left: 24px;width: 300px;line-height: 54px;font-size: 54px;color: #C22;letter-spacing: -1px;">
					<div class="money_cue">节省91元</div>		
					<span>¥</span>149<i>原价 ¥240</i>		
					</div>
				<div class="btn_vip" style="margin-top:50px;">
					<a target="_blank" href="#" style="width: 220px;height: 50px;background: #C22 none repeat scroll 0% 0%;display: block;margin: 0px auto;text-align: center;line-height: 42px;font-size: 17px;color: #FFF;text-shadow: 0px 0px 1px #D66026;text-decoration: none;">立即开通</a>
					<a target="_blank" href="{{asset('./memberCSS/xieyi.php')}}">同意会员服务协议</a>
				</div>
			</li>

			
					<li style="background:url({{asset('./memberCSS/peizhi/tupian.png')}}) no-repeat;margin-left:21px;">
				<h2>两年会员</h2>
				<dl>
					<dd style="background:url({{asset('./memberCSS/peizhi/dui.png')}}) no-repeat scroll 52px center">买两年送6个月</dd>		
					<dd style="background:url({{asset('./memberCSS/peizhi/dui.png')}}) no-repeat scroll 52px center">每月最多赠送<span>20</span>张观影券</dd>		
					<dd style="background:url({{asset('./memberCSS/peizhi/dui.png')}}) no-repeat scroll 52px center">享<span>1.4</span>倍等级加速、专属标识</dd>					
				</dl>
				<div class="money">
					<span>¥</span>249<i>原价 ¥480</i>	
				</div>
				<div class="btn_vip">
					<a target="_blank" href="#" style="width: 164px;height: 42px;background: #FF6000 none repeat scroll 0% 0%;display: block;margin: 0px auto;text-align: center;line-height: 42px;font-size: 17px;color: #FFF;text-shadow: 0px 0px 1px #D66026;text-decoration: none;">立即开通</a>
					<a target="_blank" href="{{asset('./memberCSS/xieyi.php')}}">同意会员服务协议</a>
				</div>
			</li>
			
			</ul>	
</div>-->
<!--========================================================================-->
<div style="height:500px;margin-top:-200px;"></div>
    <div class="kt_main margin30b" >
        <div class="kt_con">
            <div class="kt_hd">

                <h2>会员特权</h2>
            </div>        
            <!-- 会员特权 -->
            <div class="kt_bd_vip">
	<ul>
					<li>
				<img src="{{asset('./memberCSS/peizhi/0d6e3651a542b90d8221acfd5b6b834f.png')}}">
				<p>去除视频广告</p>
			</li>
					<li>
				<img src="{{asset('./memberCSS/peizhi/1ef5ade64fd4b58ad7b9444231c46793.png')}}">
				<p>会员专属片库</p>
			</li>
					<li>
				<img src="{{asset('./memberCSS/peizhi/99c956854095245dd05f5f2aa921afb0.png')}}">
				<p>畅享蓝光画质</p>
			</li>
					<li>
				<img src="{{asset('./memberCSS/peizhi/aaa4c4a2ea015f37c961019b316b7b33.png')}}">
				<p>播放缓冲加速</p>
			</li>
					<li>
				<img src="{{asset('./memberCSS/peizhi/092e2c62f4ff6d91f1c74949d93de904.png')}}">
				<p>享低延迟直播</p>
			</li>
					<li>
				<img src="{{asset('./memberCSS/peizhi/0012ee8ff1815d13c9a21940fc646e7b.png')}}">
				<p>会员尊贵标识</p>
			</li>
			</ul>
</div>        
        </div>
        <div class="kt_con">
            <div class="kt_hd">
                <h2>会员专属影片</h2>
            </div>        
            <!-- 专属影片 -->
            <style>
.kt_bd a:HOVER{
	text-decoration: none;
}
</style>
<div class="kt_bd">
	<ul style="width: 4693px; left: 0px;">
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/efa7f81d3d350f73dfdc30395ef7090b.jpg')}}">
				<span class="kt_tt"><nobr>功夫瑜伽</nobr></span>
				<span class="kt_txt"><nobr>成龙宝刀未老打笑全世界</nobr></span>
									<div class="kt_ico kt_ico_2">即将上线</div>
								<div class="kt_bg"><p>李治廷打逗双全成神助攻</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/9d80f8348766d06020d2a4aa2eec0956.jpg')}}">
				<span class="kt_tt"><nobr>太空旅客</nobr></span>
				<span class="kt_txt"><nobr>星际虐狗爱情故事</nobr></span>
									<div class="kt_ico kt_ico_2">即将上线</div>
								<div class="kt_bg"><p>星际版泰坦尼克号</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/586d99fa69e71335f8a8e678c8df4feb.jpg')}}">
				<span class="kt_tt"><nobr>星球大战外传：侠盗一号</nobr></span>
				<span class="kt_txt"><nobr>姜文甄子丹上演星球CP</nobr></span>
									<div class="kt_ico kt_ico_2">即将上线</div>
								<div class="kt_bg"><p>银河护卫队的原力觉醒</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/4bfff5bd0a07ae9e6279117996680c2d.jpg')}}">
				<span class="kt_tt"><nobr>渎职</nobr></span>
				<span class="kt_txt"><nobr>两大影帝力联袂烧脑巨制</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>教父主演化身强势律师</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/f766545e38c6e1fd4ff04d585bf1cd84.jpg')}}">
				<span class="kt_tt"><nobr>情圣</nobr></span>
				<span class="kt_txt"><nobr>“单纯痴汉”艾伦恋上女神闫妮</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>克拉拉变身全民女神</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/0e4fe6356cc07a8c6f3f8f6483ad9f4e.jpg')}}">
				<span class="kt_tt"><nobr>铁道飞虎</nobr></span>
				<span class="kt_txt"><nobr>王凯喜剧电影处女秀</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>黄子韬、王凯携手爆笑“撞火车”</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/012fdbc389d152147366913e16421543.jpg')}}">
				<span class="kt_tt"><nobr>反黑行动组</nobr></span>
				<span class="kt_txt"><nobr>让雷诺热血开战</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>反黑组致命一击破惊天阴谋</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/ba1af487cac18c8b8297b228ac5bc55a.jpg')}}">
				<span class="kt_tt"><nobr>罗曼蒂克消亡史</nobr></span>
				<span class="kt_txt"><nobr>众星演绎30年代的上海浮世绘</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>程耳自导自演的血色浪漫</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/0f4cd30032753a6b892b46b1fd1d04f1.jpg')}}">
				<span class="kt_tt"><nobr>摆渡人</nobr></span>
				<span class="kt_txt"><nobr>王家卫再搭梁朝伟拍新作</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>鹿晗变木村拓哉版陈奕迅</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/62fd04d04836d04107039d369eaf26e1.jpg')}}">
				<span class="kt_tt"><nobr>血战钢锯岭</nobr></span>
				<span class="kt_txt"><nobr>2017开年最燃铁血大片</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>太平洋终极之战</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/21f6966b58f3f69fca64d63e0f591697.jpg')}}">
				<span class="kt_tt"><nobr>一万公里的约定</nobr></span>
				<span class="kt_txt"><nobr>周杰伦首当监制为好友圆梦</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>跨越半个地球来爱你</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/a735c12e362e8f6c4f0856a474aab7e9.jpg')}}">
				<span class="kt_tt"><nobr>奇异博士</nobr></span>
				<span class="kt_txt"><nobr>卷福身披斗篷拯救世界</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>酷炫开挂无限流征服异星怪兽</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/3fa0260efa846813abfd0b21cdb23987.jpg')}}">
				<span class="kt_tt"><nobr>但丁密码</nobr></span>
				<span class="kt_txt"><nobr>汤姆汉克斯破解末日病毒危机</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>欧洲宗教符号学烧脑上线</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/99d147a2e9bbc98f2ef5a6586b3be29e.jpg')}}">
				<span class="kt_tt"><nobr>我不是潘金莲</nobr></span>
				<span class="kt_txt"><nobr>范冰冰演绎现代版《拍案惊奇》</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>冯小刚打造方圆电影挑战视觉极限</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/97d55c8c7cdc557b365881f10d3ba905.jpg')}}">
				<span class="kt_tt"><nobr>28岁未成年</nobr></span>
				<span class="kt_txt"><nobr>“老干部”霍建华追爱青春</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>那个17岁的自己教我的事</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/d1c8c2b3db1da718500ce8ebbe172256.jpg')}}">
				<span class="kt_tt"><nobr>王牌逗王牌</nobr></span>
				<span class="kt_txt"><nobr>刘德华黄晓明组“硫磺”cp</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>胡然谢依霖领衔反派王牌</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/1123eed2d7b3a0709bba13d7eef9c048.jpg')}}">
				<span class="kt_tt"><nobr>哎呦，表演系</nobr></span>
				<span class="kt_txt"><nobr>高瀚宇携奚望小悠组校园CP</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>表演系的爆笑日常</p></div>
			</a></li>
					<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/6cd87f217e4f51c1c4356b3ddae945ad.jpg')}}">
				<span class="kt_tt"><nobr>魔兽</nobr></span>
				<span class="kt_txt"><nobr>两个世界 一个家园</nobr></span>
									<div class="kt_ico kt_ico_1">正在热播</div>
								<div class="kt_bg"><p>吴彦祖版兽人巫师侵袭</p></div>
			</a></li>
			<li><a title="" target="_blank" ;="">
				<img src="{{asset('./memberCSS/peizhi/efa7f81d3d350f73dfdc30395ef7090b.jpg')}}">
				<span class="kt_tt"><nobr>功夫瑜伽</nobr></span>
				<span class="kt_txt"><nobr>成龙宝刀未老打笑全世界</nobr></span>
									<div class="kt_ico kt_ico_2">即将上线</div>
								<div class="kt_bg"><p>李治廷打逗双全成神助攻</p></div>
			</a></li></ul>
	
</div>        </div>
    </div>
   </body></html>